<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">

    <ui:define name="head">
        <script>
            PrimeFaces.locales ['de'] = {
                monthNames: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
                monthNamesShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],
                dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
                dayNamesShort: ['Son', 'Mon', 'Die', 'Mit', 'Don', 'Fre', 'Sam'],
                dayNamesMin: ['S', 'M', 'D', 'M ', 'D', 'F ', 'S'],
                weekHeader: 'Woche',
                firstDay: 1,
                timeOnlyTitle: 'Nur Zeit',
                timeText: 'Zeit',
                hourText: 'Stunde',
                minuteText: 'Minute',
                secondText: 'Sekunde',
                today: 'Aktuelles Datum',
                ampm: false,
                year: 'Jahr',
                month: 'Monat',
                week: 'Woche',
                day: 'Tag',
                allDayText: 'Ganzer Tag',
                moreLinkText: 'weitere',
                noEventsText: 'Keine Ereignisse anzuzeigen',
                list: 'Terminübersicht',
                aria: {
                   close: 'Schließen',
                   previous: 'Zurück',
                   next: 'Weiter',
               }
            };
        </script>
    </ui:define>

    <ui:define name="title">
        Schedule <span class="subitem">Localization</span>
    </ui:define>

    <ui:define name="description">
        Schedule will use your locale and use the built in localization for your locale.<br/>
        However, that can be overridden and customized by providing a localization file.
    </ui:define>

    <ui:param name="documentationLink" value="/components/schedule"/>
    <ui:param name="widgetLink" value="Schedule-1"/>

    <ui:define name="implementation">
        <div class="card">
            <h:form>
                <p:growl id="messages" showDetail="true"/>

                <p:schedule id="schedule" value="#{scheduleJava8View.eventModel}" widgetVar="myschedule" locale="de"
                            timeZone="#{scheduleJava8View.serverTimeZone}" clientTimeZone="#{scheduleJava8View.serverTimeZone}"/>
            </h:form>
        </div>
    </ui:define>

</ui:composition>
